<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>童话世界</title>
<meta name="description" content="一个充满童话世界的地方，带你回味童年." />
<meta name="keywords" content="童话、英雄和魔法" />
<link rel="shortcut icon" href="images/favicon.ico" />
<!-- 引入bootstrap 样式文件 -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- 引入我们自己的样式文件 -->
<link rel="stylesheet" href="css/index.css">
<!-- 先引入jquery js文件 -->
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
<script>
	document.documentElement.className = "js";
	var supportsCssVars = function() {
		var e, t = document.createElement("style");
		return t.innerHTML = "root: { --tmp-var: bold; }", document.head
				.appendChild(t),
				e = !!(window.CSS && window.CSS.supports && window.CSS
						.supports("font-weight", "var(--tmp-var)")),
				t.parentNode.removeChild(t), e
	};
	supportsCssVars()
			|| alert("Please view this demo in a modern browser that supports CSS Variables.");
</script>
</head>

<body class="loading">
	<!-- 导航栏 -->
	<nav class="navbar navbar-default navbar-fixed-top clearfix">
		<div class="container">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="javaScript:;"> <img
						src="images/logo.jpg" alt="Brand">
					</a>
				</div>
				<div class="nav navbar-nav navbar-right myloin">
					<a class="navbar-text navbar-link"
						href="${pageContext.request.contextPath}/login">登录</a> <a
						class="navbar-text">|</a> <a class="navbar-text navbar-link"
						href="${pageContext.request.contextPath}/login">注册</a>
				</div>
			</div>
		</div>
	</nav>

	<div class="container">
		<main>
			<div data-scroll>
				<div class="content">
					<!-- 	主题内容 -->
					<div class="item">
						<div class="item__img-wrap">
							<div class="item__img item__img--t3"></div>
						</div>
						<div class="item__caption">
							<h2 class="item__caption-title">狮子王</h2>
							<p class="item__caption-copy">是啊，过去的伤痛会留下印记，但是你可以选择逃避它，或是从中学习。</p>
						</div>
					</div>
					<div class="item">
						<div class="item__img-wrap">
							<div class="item__img item__img--t3"></div>
						</div>
						<div class="item__caption">
							<h2 class="item__caption-title">阿狸</h2>
							<p class="item__caption-copy">我们这一生，会遇到很多人，教会我们很多东西，却遗憾的没有出现在明天里。</p>
						</div>
					</div>
					<div class="item">
						<div class="item__img-wrap">
							<div class="item__img item__img--t3"></div>
						</div>
						<div class="item__caption">
							<h2 class="item__caption-title">美食总动员</h2>
							<p class="item__caption-copy">如果你总是追着过去跑，那你永远看不到前面的风景。</p>
						</div>
					</div>
					<div class="item">
						<div class="item__img-wrap">
							<div class="item__img item__img--t3"></div>
						</div>
						<div class="item__caption">
							<h2 class="item__caption-title">哆啦A梦</h2>
							<p class="item__caption-copy">如果长大很辛苦，我带你回到童年吧！</p>
						</div>
					</div>
					<div class="item">
						<div class="item__img-wrap">
							<div class="item__img item__img--t3"></div>
						</div>
						<div class="item__caption">
							<h2 class="item__caption-title">海底总动员</h2>
							<p class="item__caption-copy">当你的生活遇到瓶颈时，你知道该怎么做吗？继续向前游就对了！</p>
						</div>
					</div>
					<div class="item">
						<div class="item__img-wrap">
							<div class="item__img item__img--t3"></div>
						</div>
						<div class="item__caption">
							<h2 class="item__caption-title">皮卡丘</h2>
							<p class="item__caption-copy">有一种魔法把我们联结在了一起,这种魔法叫希望。</p>
						</div>
					</div>

					<!--  页面尾部 -->
					<div style="width: 60%;">
						<hr>
						<p style="text-align: center;">2020-forver</p>
					</div>
				</div>
			</div>
		</main>
	</div>
	<script src="js/imagesloaded.pkgd.min.js"></script>
	<script src="js/index.js"></script>
</body>

</html>